<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Yeffect-test-case</title>
        <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
    </head>
    <link rel="stylesheet" type="text/css" href="../../css/reset.css">
    <script src="../../script/libs/jquery-1.9.1.min.js"></script>
    <script>
        var res = ['largerImg'];
        var html = [];
        var timestamp = Date.parse(new Date());
        for(s in res){
            html.push('<script type="text/javascript" src="../../script/componets/'+res[s]+'.js?v='+timestamp+'"><\/script>');
        }
        document.write(html.join(''));
    </script>
    <style>
.ListImgBox img {
    width: 60px;
    height: 60px;
    margin-right: 10px;
}
    </style>
    <body>
       <div class="ListImgBox"><img src="http://placehold.it/120x120" /><img src="http://placehold.it/120x120" /><div><img src="http://placehold.it/120x120" /><img src="http://placehold.it/120x120" /></div><img src="http://placehold.it/120x120" /></div>
    <script type="text/javascript">
        $(function(){
             Yeffect.largerImg(".ListImgBox img",350,200);
        })
    </script>
    </body>
</html>
